.un-data{
  width: 50vw;
  height: 80vw;
  background: url('../../style/img/not.png') no-repeat center 25vw / 80% auto;
  padding-top: 62vw;
  margin:  0 auto 0 auto;
  text-align: center;
  color: #999;
  font-size: 0.8rem;
  .ac{
    padding-top: 20px;
    .am-button-ghost{
      color: #f80;
      border-color: #f80;
      &::before{
        border-color: #f80;
      }
    }
  }
}
.book-page-content{
  min-height: calc(100vh - 95px);
}
.books {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px;
  .book {
    width: 32%;
    margin-bottom: 10px;
    padding: 5px;
    .cover {
      width: 100%;
      height: 36vw;
      img {
        box-shadow: 0 0 5px #ccc;
        width: 100%;
        height: 100%;
      }
    }
    .name {
      text-align: center;
      color: #999;
      font-size: 0.8rem;
      padding-top: 5px;
      line-height: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .acc{
      text-align: center;
      padding-top: 5px;
      button{
        border: none;
        background: #ccc;
        border-radius: 15px;
        color: #666;
        padding: 2px 10px;
        font-size: 0.8rem;
      }
    }
  }
}